<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>预警信息设置 + 导航</title>
    <link rel="stylesheet" href="../lib/bootstrap-3.3.5-dist/css/bootstrap.min.css">
    <script src='../lib/bootstrap-3.3.5-dist/js/jquery-3.6.0.js'></script>
    <script src='../lib/bootstrap-3.3.5-dist/js/bootstrap.min.js'></script>
    <script src='../javascript/data.js'></script>
    <link rel="stylesheet" href="../css/flgl.css">
    <link rel="stylesheet" href="../css/yjxxsz_nav.css">
    <script src="../javascript/flgl.js"></script>
</head>
<body> 
    <header id="header" class="clearfix">
        <span>经销存管理系统</span>
        <div class="clearfix">
            <div>
                <span class="glyphicon glyphicon-triangle-bottom"></span>
            </div>
            <div>管理员</div>
            <div>
                <span class="glyphicon glyphicon-user"></span>
            </div>
    </header>
    <div id="left_nav">
        <div id="nav">
            <li id="nav_header">
                <span class="glyphicon glyphicon-cog"></span>
                系统菜单
                <span class="glyphicon glyphicon-chevron-up"></span>
            </li>
            <li page-data='page1'>分类管理</li>
            <li page-data='page2'>库存管理</li>
            <li page-data='page3'>入库管理</li>
            <li page-data='page4'>预警信息设置</li>
            <li page-data='page5'>出库管理</li>
            <li page-data='page6'>用户管理</li>
            <li page-data='page7'>修改密码</li>
        </div>
    </div>
    <div id="content">
      <div id="yjxxsz" class="clearfix">
        <div>
            <button class="menu_fl T_nav" onclick="menu_flgl()">查看分类</button>
            <button class="add_fl" onclick="menu_tjfl()">添加分类</button>
        </div>
        <table id="table_fl">
            <thead>
                <tr>
                    <th>分类编号</th>
                    <th>分类名称</th>
                    <th>分类描述</th>
                    <th>备注</th>
                    <th>编辑</th>
                    <th>删除</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
        <div id="page_flxxsz" class="clearfix"></div>
        <div id="add_meun_fl" class="display">
            <div class="clearfix">
                <label>分类</label>
                <div>
                  <input id="add_fl_1" type="text" placeholder="分类名称">
                    <span>10字以内…</span>
                </div>
            </div>
            <div class="clearfix">
                <label>备注</label>
                <div>
                    <textarea name="" id="add_fl_4" cols="10" rows="1" placeholder="输入备注"></textarea>
                    <span>250字以内…</span>
                </div>
            </div>
            <button data-toggle="modal" data-target="#TF_box" onclick="add_fl()">添加分类</button>
        </div>
    </div>
    <div class="modal fade" id="change_fl" tabindex="-1" role="dialog" aria-labelledby="change_fl_Label">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title" id="change_fl_Label">编辑分类</h4>
            </div>
            <div class="modal-body">
              <form>
                <div class="form-group form-inline">
                  <label>分类编号:</label>
                  <select name="" id="change_fl_1"></select>
                </div>
                <div class="form-group form-inline"> 
                  <label>分类名称:</label>
                  <select name="" id="change_fl_2"></select>
                </div>
                <div class="form-group form-inline">
                  <label>分类描述:</label>
                  <input type="text" class="form-control" id="change_fl_3"  >
                </div>
                <div class="form-group form-inline">
                  <label id="textarea_label">备注:</label>
                  <textarea name="" id="change_fl_4" cols="10" rows="4" placeholder="输入备注"></textarea>
                </div>
              </form>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
              <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="T_change_fl()">确认</button>
            </div>
          </div>
        </div>
      </div>
      <!-- 删除 -->
      <div class="modal fade" id="TF_box" tabindex="-1" role="dialog" aria-labelledby="TF_box_Label">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title" id="TF_box_Label">操作确认</h4>
            </div>
            <div class="modal-body" id="box_header">
            </div>
            <div class="modal-footer" id="box_footer">
            </div>
          </div>
        </div>
      </div>
    </div>
    <script>
      /* 设置页码绑定事件 */
        $('#page_flxxsz').on('click','.page_style',function(e) {
            now_page = parseInt($(this).text())
            page_turn(now_page , allData)
        })
        /* 导航 */
        let h = $(window).height()
        let h_judge
        $('#left_nav').css({
          'height': h + 'px',
        })
        $('#nav>li:first-child').on('click', function () {
          pullDown($(this))
        })
        $('#nav>li:first-child').siblings().on('click', function () {
          jumpPage($(this))
        })

        show(1)
    </script>
</body>
</html>